<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
	<meta charset="utf-8">

	<!--
	Always force latest IE rendering engine (even in intranet) & Chrome Frame
	Remove this if you use the .htaccess
	-->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>jQuery i18n Demo</title>
	<meta name="author" content="Santhosh Thottingal">
	<!-- Libs -->
	<script
		src="https://code.jquery.com/jquery-3.2.1.min.js"
		integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
		crossorigin="anonymous"></script>
	<script src="../libs/CLDRPluralRuleParser/src/CLDRPluralRuleParser.js"></script>
	<!-- Source -->
	<script src="../src/jquery.i18n.js"></script>
	<script src="../src/jquery.i18n.messagestore.js"></script>
	<script src="../src/jquery.i18n.fallbacks.js"></script>
	<script src="../src/jquery.i18n.parser.js"></script>
	<script src="../src/jquery.i18n.emitter.js"></script>
	<script src="../src/jquery.i18n.language.js"></script>
	<script src="../src/languages/he.js"></script>
	<script src="../src/languages/fi.js"></script>
	<script src="../src/languages/ml.js"></script>

	<!-- Demo -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script src="js/demo.js"></script>
</head>

<body>
	<div class="container">
		<header id="overview" class="subhead well">
			<h1>jQuery i18n Demo</h1>
			<p class="lead">
				jQuery i18n Demo
			</p>
		</header>
		<div class="lead">
			<select class="input-small person">
				<option data-i18n='Meera' value="female">Meera</option>
				<option data-i18n='Harry' value="male">Harry</option>
			</select>
			has <input class="input-mini kittens" value=1 size="3" type="number"> kitten(s). He/She loves to play with it/them.
		</div>
		<div class="lead">
			Display the above sentence in
			<select class="language span3">
				<option value="bn">Bengali</option>
				<option value="de">German</option>
				<option value="en">English</option>
				<option value="he">Hebrew</option>
				<option value="es">Spanish</option>
				<option value="fi">Finnish</option>
				<option value="ml">Malayalam</option>
				<option value="ru">Russian</option>
				<option value="ta">Tamil</option>
			</select>
		</div>
		<div class="result lead alert alert-success"><!-- The message will be filled here automatically. --></div>
		<hr/>
		<footer>
			<p>
				&copy; Copyright by Santhosh Thottingal ( santhosh dot thottingal at gmail dot com ).
			</p>
		</footer>
	</div>
</body>
</html>
